.el-text {
  color: #3A3541;
}
.menu-demo {
  min-width: 105px!important;
  height: 100vh;
  border: none;
  position: relative;
}
.menu-demo:not(.el-menu--collapse) {
  width: 220px;
  color: #990100
}
.el-menu:not(.el-menu--inline) {
  padding-right: 20px;
}
.el-sub-menu__icon-arrow {
  width: 20px!important;
}

.el-sub-menu__title {
  padding-right: 30px!important;
}
.menu-demo el-menu-item {
  padding-right: 20px!important;
}
.el-menu>li {
  margin: 10px 0;
}
.el-menu i {
  scale: 1.5;
}
.el-menu-item {
  margin-left: 20px!important;
  padding-left: 20px!important;
  border-radius: 8px!important;
  height: 48px!important;
}
.el-sub-menu {
  margin-left: 20px!important;
  border-radius: 8px!important;
}
.el-sub-menu__title {
  border-radius: 8px!important;
  height: 48px!important;
}
.el-sub-menu.is-active>.el-sub-menu__title {
  background: #DECCFE!important;
  color: #6E39CB;
  border-radius: 8px!important;
}
.el-menu-item:hover, .el-sub-menu__title:hover {
  color: #6E39CB;
  background: rgba(242, 235, 255, 0.7)!important;
}
.el-menu-item.is-active {
  background: #DECCFE!important;
  color: #6E39CB;
}
.el-main {
  background: #f4f5f9;
}
.primary {
  background: #6E39CB;
}
.el-text--info {
  color: #6E39CB!important;
}
.gradient {
  background: linear-gradient(to right, #C2A1FD, #9154FD);
}
.container {
  color: #3A3541;
}
* {
  border-color: #DBDCDE;
}
:root {
  --el-color-primary: #a776fc;
  --el-color-primary-light-3: #b287fd;
  --el-color-primary-light-5: #bd98fd;
  --el-color-primary-light-7: #c7a9fd;
  --el-color-primary-light-8: #d1bafd;
  --el-color-primary-light-9: #dccafd;
  --el-color-primary-dark-2: #9963f8;
}
.el-input__wrapper {
  padding-left: 16px;
}
.el-input__wrapper svg {
  scale: 1.5;
  color: #333333;
}
.el-select {
  min-width: 100px;
}